body{
    perspective: 500px;
}

/*公共部分*/
.logo{
    position: fixed;
    top: 50px;
    left: 50px;
}
.footer{
    position: fixed;
    right: 120px;
    bottom: 60px;
    width: 60px;
}
.footer a{
    display: block;
    width: 100%;
    margin-bottom: 10px;
}
.footer a img{
    display: block;
    width: 100%;
}
/* section1部分 */
/* .section1{
    background-color: #222222;
} */
.section1 .pic_wrap{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index:0;
}
.section1 .pic_wrap .banner_ul{
    width: 100%;
    height: 100%;
    position: relative;
    perspective: 500px;
    -webkit-perspective: 500px;
}

.banner_ul li{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: 50% 50%;
    opacity: 0;
    transform: translateZ(30px); 
    transition: 2.6s;
    z-index:0;
}
.banner_ul li.begin{
    opacity:1;
    z-index:1;
}
.banner_ul li img{
    display: block;
    width: 100%;
    height: 100%;
}

/*section2部分*/
.section2{
    background-color: #f0f0f0;
}


.section2 .product_div{
    height: 100%;
}
.section2 .product_div ul{
    height: 100%;
}
.section2 .product_div li{
    float: left;
    width: 20% ;
    height: 100%;
    position: relative;
    overflow: hidden;
   transition: 0.5s;
   
}

.section2 .product_div li:nth-child(3){
    transform-origin: 50% 50%;
}
/*.section2 .product_div li:first-child{*/
    /*background: url("../imgs/index/img_terrain1.jpg")0 0;*/
/*}*/
/*.section2 .product_div li:nth-child(2){*/
    /*background: url("../imgs/index/img_terrain2.jpg")0 0;*/
/*}*/
/*.section2 .product_div li:nth-child(3){*/
    /*background: url("../imgs/index/img_terrain3.jpg")center center;*/
/*}*/
/*.section2 .product_div li:nth-child(4){*/
    /*background: url("../imgs/index/img_terrain4.jpg") 0;*/
/*}*/
/*.section2 .product_div li:last-child{*/
    /*background: url("../imgs/index/img_terrain5.jpg")right 0;*/
/*}*/
.section2 .product_div li:first-child img{
    left:0;
            transform: translateX(-3rem)
}
.section2 .product_div li:nth-child(2) img{
    left:0;
            transform: translateX(-3rem)
}
.section2 .product_div li:nth-child(3) img{
    left: 0;
            transform: translateX(-4rem)
}
.section2 .product_div li:nth-child(4) img{
     right:0;
            transform: translateX(3rem)
}
.section2 .product_div li:last-child img{
     right:0;
            transform: translateX(3rem)
}
.section2 .product_div li img{
    position: absolute;
    top: 0;
    height: 100%;
    display: block;
    transition:0.5s;
}
.section2 .product_div li a{
    display: inline-block;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 1;
    text-align: center;
    color: #009572;
    line-height: 2.5rem;
    opacity: 0.6;
}
.section2 .product_div li a strong{
    font-size: 2rem;
}
.section2 .product_div li a span{
    font-size: 0.8rem;
}
    /*section3*/
.section3 .our_news{
    width: 50%;
    float: left;
    height: 100%;
    background: url("../imgs/index/pimg1.jpg")center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
}
.section3 .hot_activities{
    width: 50%;
    float: left;
    height: 100%;
    background: url("../imgs/index/pimg2.jpg")center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
}
.our_news h3,.hot_activities h3{
    position: absolute;
    top:50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.section3>div h3 a {
    display: block;
    color: #ffffff;
    text-align: center;
    line-height: 4rem;
}
.our_news,.hot_activities h3 a strong{
    font-size: 2.6rem;
}
.our_news,.hot_activities h3 a span{
    font-size: 1.8rem;
}
/*section4*/
.our_service{
    width: 40%;
    float: left;
    height: 100%;
    background: url("../imgs/index/person_service.jpg")center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}
.china_stations{
    width: 60%;
    float: left;
    height: 100%;
    background-color: green;
}